<template>
<div class="row">
  <my-tabs :tabs="tabs"></my-tabs>
  <router-view></router-view>
</div>
</template>

<script>
import ebus from 'libs/ebus.js'
import locales from '../locales/devMng.js'
import * as actions from 'share/server/vuex/actions/devmng.js'

export default {
  locales,
  vuex: {
    actions
  },
  data () {
    return {
      tabs: [{
        name: this.$t('tabs.ddis'),
        url: '/devmng'
      }, {
        name: this.$t('tabs.topo'),
        url: '/devmng/topo'
      }]
    }
  },
  ready () {
    this.doLoadDdisDevs()
    ebus.emit('load-topo-summary', {init: true})
    this.doLoadTopoBinds({init: true})
  }
}
</script>

<style>
</style>